<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="style/style.css" />
    <link rel="shortcut icon" href="./答辩图片/favicon.ico" />
    <title>iPhone - Apple(中国大陆)</title>
    <style>
        @charset "utf-8";

        /* CSS Document */
        * {
            margin: 0;
            padding: 0;
        }

        header {
            width: 100%;
            background-color: rgba(0, 0, 0, 0.85);
            height: 44px;
            display: flex;
            /* flex 布局 */
            justify-content: center;
            /* justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 */
            flex-wrap: wrap;
            /* flex-wrap 属性规定弹性项目是否应换行。wrap 可以换行 */
            position: fixed;
            z-index: 100;
        }

        .top {
            width: 75%;
            display: flex;
        }

        .top_menu {
            width: 85%;
            margin-left: 50px;
        }

        .top_menu a {
            float: left;
            display: block;
            text-decoration: none;
            color: rgba(173, 173, 173, 1);
            font-size: 12px;
            padding: 14px 3% 14px 3%;
        }

        body,
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        table,
        ul,
        li,
        form,
        input {
            margin: 0;
            padding: 0;
            color: #000;
            font-family: "微软雅黑";
        }

        a {
            font-size: 12px;
            color: #000;
            text-decoration: none;
        }

        a:hover {
            color: #cccccc;
        }

        img {
            border: 0;
            margin: 0;
            padding: 0;
        }

        ul,
        li {
            list-style: none;
            border: 0;
            margin: 0;
            padding: 0;
        }

        .clear {
            clear: both;
        }

        .main {
            width: 1600px;
            margin: 0 auto;
            overflow: hidden;
        }

        .bg {
            background: #000;
        }

        .banner {
            width: 100%;
            overflow: hidden;
            height: 600px;
            text-align: center;
        }

        .dt {
            width: 100%;
            overflow: hidden;
            text-align: center;
            padding-top: 70px;
        }

        .title {
            width: 100%;
            overflow: hidden;
            padding: 50px 0;
            text-align: center;
        }

        .sj {
            width: 100%;
            overflow: hidden;
            padding: 20px 0 80px 0;
            display: flex;
        }

        .sj li {
            width: 390px;
            float: left;
            text-align: center;
        }

        /* 图片左右晃动 */
        .sj li em img {
            transition: all 1s;
        }

        .sj li:hover em img {
            margin-left: 10px;
        }

        .sj li em {
            display: block;
            overflow: hidden;
            margin-bottom: 14px;
        }

        .sj li h6 {
            padding: 6px 0;
        }

        .sj li h5 {
            padding: 6px 0 20px 0;
            font-size: 16px;
            border-bottom: 1px solid #ccc;
            width: 200px;
            margin: 10px 50px 20px 90px;
        }

        .sj li p {
            font-size: 12px;
            padding: 4px 0;
            color: #555;
        }


        .hc {
            width: 100%;
            overflow: hidden;
            text-align: center;
            background: url(../images/bg1.jpg) no-repeat;
            height: 560px;
        }

        .hc h1 {
            padding: 90px 0 60px 0;
            font-size: 50px;
            line-height: 80px;
        }

        .hc p {
            font-size: 16px;
            line-height: 32px;
        }

        .hc h3 {
            padding: 50px 0;
            font-size: 30px;
        }

        .ht-dn {
            background-color: #f5f5f7;
            width: 100%;
            /* height: 480px; */
            margin-top: 100px;
        }

        .ht-nav {
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            /* 默认不拆行或不拆列。 */
        }

        .ht-u1 {
            float: left;
        }

        .ht-u1 ul {
            text-align: left;
        }

        .ht-u1 ul li {
            list-style-type: none;
            margin: 5px 0;
        }

        .ht-u1 ul li a {
            text-decoration: none;
            font-size: 11px;
            color: #424245;
        }


        .ht-u1 h3 {
            margin-top: 15px;
            color: #1d1d1f;
            font-size: 11px;
        }

        .ht-dn a:hover {
            text-decoration: underline;
        }

        @media screen and (max-width:920px) {

            .big1 {
                display: none;
            }

            .small1 {
                display: block;
            }

        }

        /*       !!!!!!!!!!!!分割!!!!!!!!!!      */
        .small1 {
            width: 90%;
            margin: 0 auto;
        }

        .ht-u2 ul {
            /* width: 90%; */
            padding: 5px 0px;
        }

        .ht-u2 ul li {
            width: 100%;
            height: 100%;
            list-style: none;
            padding: 0 12px;
            font-size: 12px;
        }

        .ht-u2 ul ol {
            width: 100%;
            height: 0;
            overflow: hidden;

        }

        .ht-u2 ul ol li {
            width: 100%;
            height: 100%;
            text-align: left;
            padding: 5px 0px;
        }

        .ht-u2 ul ol li a {
            color: gray;
            font-size: 11px;
            text-decoration: none;
            padding: 5px 12px;
        }

        .ht-u2 ul li:hover ol {
            height: 100%;
        }

        .ht-u2 ul li ol a:hover {
            color: #000000;
        }


        @media screen and (min-width:920px) {

            .big1 {
                width: 75%;
                margin: 0 auto;
                display: flex;
                justify-content: space-around;
            }

            .small1 {
                display: none;
            }

        }

        .small1 hr {
            width: 100%;
        }

        /* --------------------- */

        .ht-du {
            width: 100%;
            margin-top: 60px;
            padding-bottom: 30px;
        }

        .ht-du-nav {
            width: 68%;
            margin: 0 auto;
        }

        .ht-du-nav p {
            margin-top: 8px;
            margin-bottom: 8px;
            font-size: 10px;
            color: gray;
            /* text-align: center; */
        }

        .ht-du-nav p a {
            color: #06c;
        }

        @media screen and (max-width:850px) {
            .ht-du-nav {
                width: 100%;
            }

        }
    </style>

</head>

<body>
    <header>
        <div class="top">

            <div class="menu">
                <div class="m"></div>
            </div>

            <div class="picture1 a1">
                <a href="./Apple-index.html"><img src="./答辩图片/apple-top.svg"></a>
            </div>

            <div class="top_menu">
                <a href="#">商店</a>
                <a href="#">Mac</a>
                <a href="#">iPad</a>
                <a href="#">iPhone</a>
                <a href="#">Watch</a>
                <a href="#">AirPods</a>
                <a href="#">Apple独家</a>
                <a href="#">配件</a>
                <a href="#">技术支持</a>
            </div>

            <div class="picture1 b1">
                <a href="#"><img src="./答辩图片/fd.png"></a>
            </div>
            <div class="picture1 c1">
                <a href="#"><img src="./答辩图片/bb.svg"></a>
            </div>
        </div>

    </header>

    <div class="main">
        <div class="title">
            <h1>哪款 iPhone 适合你？</h1>
        </div>

        <div class="sj">
            <ul>
                <li>
                    <em><img src="./答辩图片/1.png"></em>
                    <h3>iPhone 14 pro</h3>
                    <h6>RMB 8499 起</h6>
                    <img src="./答辩图片/5.png">
                    <h5>实打实的实力。</h5>
                    <h4>6.1 或 5.4 英寸</h4>
                    <p>OLED 全面屏2</p>
                    <img src="./答辩图片/9.png" style="padding:25px 0 0 0;">
                    <p>超快的 5G3</p>
                    <img src="./答辩图片/6.png" style="padding:25px 0 0 0;">
                    <p>A16 仿生芯片
                        <br><br>
                    </p>
                    <img src="./答辩图片/10.png" style="padding:25px 0 0 0;">

                    <p>Pro 级三摄系统
                        <br>(超广角、广角、长焦)
                    </p>

                </li>
                <li>
                    <em><img src="./答辩图片/2.png"></em>
                    <h3>iPhone 14</h3>
                    <h6>RMB 7499 起</h6>
                    <img src="./答辩图片/5.png">
                    <h5>iPhone 巅峰之作。</h5>
                    <h4>6.1 英寸或 6.7 英寸</h4>
                    <p>OLED 全面屏2</p>
                    <img src="./答辩图片/9.png" style="padding:25px 0 0 0;">
                    <p>5G 蜂窝网络3</p>
                    <img src="./答辩图片/7.png" style="padding:25px 0 0 0;">
                    <p>A15 仿生芯片
                        <br>iPhone 迄今最快的芯片
                    </p>
                    <img src="./答辩图片/11.png" style="padding:25px 0 0 0;">

                    <p>先进的双摄系统
                        <br>(超广角、广角)
                    </p>

                </li>

                <li>
                    <em><img src="./答辩图片/3.png"></em>
                    <h3>iPhone 13</h3>
                    <h6>RMB 5499 起</h6>
                    <img src="./答辩图片/5.png">
                    <h5>实打实的实力。</h5>
                    <h4>5.4 英寸或 6.1 英寸</h4>
                    <p>OLED 全面屏2</p>
                    <img src="./答辩图片/9.png" style="padding:25px 0 0 0;">
                    <p>5G 蜂窝网络3</p>
                    <img src="./答辩图片/7.png" style="padding:25px 0 0 0;">
                    <p>A15 仿生芯片
                        <br>iPhone 迄今最快的芯片
                    </p>
                    <img src="./答辩图片/11.png" style="padding:25px 0 0 0;">
                    <p>先进的双摄系统
                        <br>(超广角、广角)
                    </p>
                </li>
                <li>
                    <em><img src="./答辩图片/4.png"></em>
                    <h3>iPhone SE</h3>
                    <h6>RMB 3499 起</h6>
                    <img src="./答辩图片/5.png">
                    <h5>实打实的实力。</h5>
                    <h4>4.7 英寸</h4>
                    <p>OLED 全面屏2</p>
                    <img src="./答辩图片/9.png" style="padding:25px 0 0 0;">
                    <p>5G 蜂窝网络3</p>
                    <img src="./答辩图片/7.png" style="padding:25px 0 0 0;">
                    <p>A15 仿生芯片
                        <br>iPhone 迄今最快的芯片
                    </p>
                    <img src="./答辩图片/12.png" style="padding:25px 0 0 0;">
                    <p>先进的双摄系统
                        <br>(超广角、广角)
                    </p>
                </li>



            </ul>
        </div>

    </div>


    <div class="hc">
        <h1>在 Apple 购买，<br>好处多多。</h1>
        <p>你可以选择适合自己的付款方式，通过 Apple Trade In 换购计划享受折抵优惠，<br>快速搞定各项设置，还可以和 Specialist 专家沟通交流。</p>
        <h3>iOS 16
            这种新感觉，
            一点不陌生。</h3>
    </div>

    <div class="ht-dn">
        <div class="ht-nav">


            <div class="big1">
                <div class="ht-u1">
                    <h3>
                        选购及了解
                    </h3>
                    <ul>
                        <li><a href="#">商店</a></li>
                        <li><a href="#">Mac</a></li>
                        <li><a href="#">iPad</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">AirPods</a></li>
                        <li><a href="#">家具</a></li>
                        <li><a href="#">iPod touch</a></li>
                        <li><a href="#">AirTag</a></li>
                        <li><a href="#">配件</a></li>
                        <li><a href="#">App Store 充值卡</a></li>
                    </ul>
                </div>
                <div class="ht-u1">
                    <h3>
                        服务
                    </h3>
                    <ul>
                        <li><a href="#">Apple Music</a></li>
                        <li><a href="#">iCloud</a></li>
                        <li><a href="#">Apple Pay</a></li>
                        <li><a href="#">Apple 播客</a></li>
                        <li><a href="#">App Store</a></li>
                    </ul>

                    <h3>
                        账户
                    </h3>

                    <ul>
                        <li><a href="#">管理你的 Apple ID</a></li>
                        <li><a href="#">Apple Store 账户</a></li>
                        <li><a href="#">iCloud.com</a></li>
                    </ul>
                </div>
                <div class="ht-u1">
                    <h3>
                        Apple Store 商店
                    </h3>
                    <ul>
                        <li><a href="#">查找零售店</a></li>
                        <li><a href="#">Genius Bar 天才吧</a></li>
                        <li><a href="#">Today at Apple</a></li>
                        <li><a href="#">Apple 夏令营</a></li>
                        <li><a href="#">Apple Store App</a></li>
                        <li><a href="#">翻新和优惠</a></li>
                        <li><a href="#">分期付款</a></li>
                        <li><a href="#">Apple Trade In 换购计划</a></li>
                        <li><a href="#">订单状态</a></li>
                        <li><a href="#">选购帮助</a></li>
                    </ul>
                </div>
                <div class="ht-u1">
                    <h3>
                        商务应用
                    </h3>
                    <ul>
                        <li><a href="#">Apple 与商务</a></li>
                        <li><a href="#">商务选购</a></li>

                    </ul>
                    <h3>
                        教育应用
                    </h3>
                    <ul>
                        <li><a href="#">Apple 与教育</a></li>
                        <li><a target="_blank" href="./apple.html">高校师生选购</a></li>

                    </ul>
                </div>
                <div class="ht-u1">
                    <h3>
                        Apple 价值观
                    </h3>
                    <ul>
                        <li><a href="#">辅助功能</a></li>
                        <li><a href="#">环境负责</a></li>
                        <li><a href="#">隐私</a></li>
                        <li><a href="#">供应商责任</a></li>
                    </ul>

                    <h3>
                        关于 Apple
                    </h3>

                    <ul>
                        <li><a href="#">Newsroom</a></li>
                        <li><a href="#">Apple 管理层</a></li>
                        <li><a href="#">工作机会</a></li>
                        <li><a href="#">创造就业</a></li>
                        <li><a href="#">商业道德与合规性</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="#">联系 Apple</a></li>
                    </ul>
                </div>

            </div>



            <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!分割线!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1 -->
            <div class="small1">
                <div class="ht-u2">
                    <ul>
                        <li>选购及了解
                            <ol>
                                <li><a href="#">商店</a></li>
                                <li><a href="#">Mac</a></li>
                                <li><a href="#">iPad</a></li>
                                <li><a href="#">iPhone</a></li>
                                <li><a href="#">Watch</a></li>
                                <li><a href="#">AirPods</a></li>
                                <li><a href="#">家具</a></li>
                                <li><a href="#">iPod touch</a></li>
                                <li><a href="#">AirTag</a></li>
                                <li><a href="#">配件</a></li>
                                <li><a href="#">App Store 充值卡</a></li>
                            </ol>

                        </li>

                    </ul>
                </div>
                <hr>
                <div class="ht-u2">
                    <ul>
                        <li>服务
                            <ol>
                                <li><a href="#">Apple Music</a></li>
                                <li><a href="#">iCloud</a></li>
                                <li><a href="#">Apple Pay</a></li>
                                <li><a href="#">Apple 播客</a></li>
                                <li><a href="#">App Store</a></li>

                            </ol>
                        </li>
                    </ul>
                    <hr>
                    <ul>
                        <li>账户
                            <ol>
                                <li><a href="#">管理你的 Apple ID</a></li>
                                <li><a href="#">Apple Store 账户</a></li>
                                <li><a href="#">iCloud.com</a></li>
                            </ol>
                        </li>

                    </ul>
                </div>
                <hr>
                <div class="ht-u2">
                    <ul>
                        <li>Apple Store 商店
                            <ol>
                                <li><a href="#">查找零售店</a></li>
                                <li><a href="#">Genius Bar 天才吧</a></li>
                                <li><a href="#">Today at Apple</a></li>
                                <li><a href="#">Apple 夏令营</a></li>
                                <li><a href="#">Apple Store App</a></li>
                                <li><a href="#">翻新和优惠</a></li>
                                <li><a href="#">分期付款</a></li>
                                <li><a href="#">Apple Trade In 换购计划</a></li>
                                <li><a href="#">订单状态</a></li>
                                <li><a href="#">选购帮助</a></li>
                            </ol>
                        </li>

                    </ul>
                </div>
                <hr>
                <div class="ht-u2">

                    <ul>
                        <li>商务应用
                            <ol>
                                <li><a href="#">Apple 与商务</a></li>
                                <li><a target="_blank" href="./apple.html">商务选购</a></li>
                            </ol>
                        </li>


                    </ul>
                    <hr>
                    <ul>
                        <li>教育应用
                            <ol>
                                <li><a href="#">Apple 与教育</a></li>
                                <li><a href="#">高校师生选购</a></li>
                            </ol>
                        </li>


                    </ul>
                </div>
                <hr>
                <div class="ht-u2">

                    <ul>
                        <li>Apple 价值观
                            <ol>
                                <li><a href="#">辅助功能</a></li>
                                <li><a href="#">环境负责</a></li>
                                <li><a href="#">隐私</a></li>
                                <li><a href="#">供应商责任</a></li>
                            </ol>
                        </li>

                    </ul>
                    <hr>
                    <ul>
                        <li>关于 Apple
                            <ol>
                                <li><a href="#">Newsroom</a></li>
                                <li><a href="#">Apple 管理层</a></li>
                                <li><a href="#">工作机会</a></li>
                                <li><a href="#">创造就业</a></li>
                                <li><a href="#">商业道德与合规性</a></li>
                                <li><a href="#">活动</a></li>
                                <li><a href="#">联系 Apple</a></li>
                            </ol>
                        </li>
                    </ul>
                    <hr>
                </div>
            </div>

        </div>
        <div class="ht-du">
            <div class="ht-du-nav">
                <p>更多选购方式：
                    <a>查找你附近的 Apple Store 零售店</a>
                    &nbsp;及
                    <a>更多门店</a>
                    ，或者致电 400-666-8800。
                </p>
                <hr>
                <p>Copyright © 2021 Apple Inc. 保留所有权利。
                    &nbsp;&nbsp;&nbsp;隐私政策
                    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;使用条款
                    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;销售政策
                    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;法律信息
                    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;网站地图</p>
                <p>京ICP备10214630 营业执照 无线电发射设备销售备案编号11201910351200</p>

            </div>
        </div>


</body>

</html>